layui.config({
    base : "js/"
}).use(['form','layer','jquery','layedit','laydate'],function(){
    var form = layui.form(),
        layer = parent.layer === undefined ? layui.layer : parent.layer,
        laypage = layui.laypage,
        layedit = layui.layedit,
        laydate = layui.laydate,
        $ = layui.jquery;

    var filedir = "information/"; // 对应oss目录
    var saveFlag = false;

    // 用户信息
    var user = window.parent.document.getElementById("userInfo").value;
    user = $.parseJSON(user);
    console.log(user);
    //自定义验证规则
    var strRegex = "^((https|http|ftp|rtsp|mms)?://)";
    form.verify({
        title: function(value){
            if(value.length < 5 || value.length > 30){
                return '标题至少得5个字符啊';
            }
        },
        videoUrl: function (url) {
            var re=new RegExp(strRegex);
            if(url.replace(/(^\s*)|(\s*$)/g,"").length > 0){
                if (re.test(url)){

                }else{
                    return '视频地址格式有误';
                }
            }
        }
        // ,pass: [/(.+){6,12}$/, '密码必须6到12位']
        // ,content: function(value){
        //     layedit.sync(editIndex);
        // }
    });

    // 表单提交:
    //form.on("submit(addInformation)",function (data) {
    $("#addInformation").click(function(e){
        e.preventDefault();
        e.stopPropagation();
        if(!checkImgUpload()) return false;
        var formData = $("#informationForm").serialize();
        $.ajax({
            cache: false,
            type: 'POST',
            url: "/information/addInformation",
            dataType: "json",
            data: formData,
            async: false,
            success: function(data){
                if(data.result == "success"){
                    top.layer.alert("保存成功",{icon:1});
                    //saveFlag = true;
                    window.location.reload();
                    return false;
                }else{
                    top.layer.alert("保存异常,请重试",{icon:0});
                }
            },
            error: function(){
                top.layer.alert("发生异常,请重试",{icon:2});
            }
        })
    })


        //if(!saveFlag) return false;
    //});

    // 保存为草稿
    //form.on("submit(addInformationToDraft)",function(data){
    $("#addInformationToDraft").click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        if(!checkImgUpload()) return false;

        $("#inforStatus").val(0);
        $("#infoStatusValue").val("草稿");

        var formData = $("#informationForm").serialize();
        $.ajax({
            cache: false,
            type: 'POST',
            url: "/information/addInformation",
            dataType: "json",
            data: formData,
            async: false,
            success: function(data){
                if(data.result == "success"){
                    top.layer.alert("保存成功",{icon:1});
                    saveFlag = true;
                    window.location.reload();
                    return false;
                }else{
                    top.layer.alert("保存异常,请重试",{icon:0});
                }
            },
            error: function(){
                top.layer.alert("发生异常,请重试",{icon:2});
            }
        })

        //if(!saveFlag) return false;
    })

    //});


    // 监听是否原创的单选按钮
    form.on('radio(fromType)', function(data){
        // data {"elem":{},"value":"1","othis":{"0":{"jQuery191047573129280968063":35},"length":1}}
        if(data){
            var $ori = $("#originalAuthor");
            var $reprint = $("#reprintAuthor");

            if(data.value == "0"){
                $("#originalAuthor > input").val(user.name);
                $ori.show();
                $reprint.hide();
                // 只能这样设置,如果还有隐藏域,thymeleaf会当做类似checkbox的多个值传入
                $("#reprintAuthor > input").val(user.name);
            }else{
                $reprint.show();// 给这个input上直接绑定值
                $("#reprintAuthor > input").val("");
                $ori.hide();
            }
        }
    });

    // 监听图文专区的类型
    form.on('radio(imgStatusRadio)', function(data){
        if(data){
            $('#imgStatusInput').val(data.value);
        }
    });

    //initWangEditor();

    //创建一个编辑器
    //layedit.set({
        // tool: [
        //     'strong' //加粗
        //     ,'italic' //斜体
        //     ,'underline' //下划线
        //     ,'del' //删除线
        //     ,'|' //分割线
        //     ,'left' //左对齐
        //     ,'center' //居中对齐
        //     ,'right' //右对齐
        //     ,'link' //超链接
        //     ,'unlink' //清除链接
        //     ,'face' //表情
        // ],
        // uploadImage: {
        //     url: '/ossUpload2', //接口url
        //     type: 'post' //默认post
        // }
    //});

    //var editIndex = layedit.build('dramas_content');

    // var addNewsArray = [],addNews;
    // form.on("submit(addNews)",function(data){
    //     //是否添加过信息
    //     if(window.sessionStorage.getItem("addNews")){
    //         addNewsArray = JSON.parse(window.sessionStorage.getItem("addNews"));
    //     }
    //     //显示、审核状态
    //     var isShow = data.field.show=="on" ? "checked" : "",
    //         newsStatus = data.field.shenhe=="on" ? "审核通过" : "待审核";
    //
    //     addNews = '{"newsName":"'+$(".newsName").val()+'",';  //文章名称
    //     addNews += '"newsId":"'+new Date().getTime()+'",';	 //文章id
    //     addNews += '"newsLook":"'+$(".newsLook option").eq($(".newsLook").val()).text()+'",'; //开放浏览
    //     addNews += '"newsTime":"'+$(".newsTime").val()+'",'; //发布时间
    //     addNews += '"newsAuthor":"'+$(".newsAuthor").val()+'",'; //文章作者
    //     addNews += '"isShow":"'+ isShow +'",';  //是否展示
    //     addNews += '"newsStatus":"'+ newsStatus +'"}'; //审核状态
    //     addNewsArray.unshift(JSON.parse(addNews));
    //     window.sessionStorage.setItem("addNews",JSON.stringify(addNewsArray));
    //     //弹出loading
    //     var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
    //     setTimeout(function(){
    //         top.layer.close(index);
    //         top.layer.msg("文章添加成功！");
    //         layer.closeAll("iframe");
    //         //刷新父页面
    //         parent.location.reload();
    //     },2000);
    //     return false;
    // })

    // function initWangEditor(){
    //     // 使用wangEditor
    //     var E = window.wangEditor;
    //     var editor = new E('#editorArea');
    //     // 或者 var editor = new E( document.getElementById('#editor') )
    //
    //     editor.customConfig.uploadImgServer = '/ossUpload3';
    //
    //     // 自定义提示方法
    //     editor.customConfig.customAlert = function (info) {
    //         // info 是需要提示的内容
    //         alert('自定义提示：' + info);
    //     }
    //
    //     // 隐藏掉插入网络图片功能。该配置，只有在你正确配置了图片上传功能之后才可用。
    //     //editor.customConfig.link = false;
    //     // for(var c in editor.customConfig){
    //     //     console.log(c + "------------" + editor.customConfig[c]);
    //     // }
    //
    //     // // 将图片大小限制为 3M
    //     // editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
    //     //
    //     // // 限制一次最多上传 2 张图片
    //     // editor.customConfig.uploadImgMaxLength = 2;
    //     //
    //     // // 将 timeout 时间改为 5s
    //     // editor.customConfig.uploadImgTimeout = 5000;
    //     //
    //     // // 关闭粘贴样式的过滤
    //     // editor.customConfig.pasteFilterStyle = false;
    //     //
    //     // // 插入网络图片时，可通过如下配置获取到图片的信息
    //     // editor.customConfig.linkImgCallback = function (url) {
    //     //     console.log(url) // url 即插入图片的地址
    //     // }
    //     //
    //     // editor.customConfig.uploadImgHooks = {
    //     //     before: function (xhr, editor, files) {
    //     //         // 图片上传之前触发
    //     //         // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件
    //     //
    //     //         // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
    //     //         // return {
    //     //         //     prevent: true,
    //     //         //     msg: '放弃上传'
    //     //         // }
    //     //         console.log("--------------------1---------图片上传之前-------");
    //     //     },
    //     //     success: function (xhr, editor, result) {
    //     //         // 图片上传并返回结果，图片插入成功之后触发
    //     //         // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    //     //         console.log("--------------------2---------图片上传成功-------");
    //     //     },
    //     //     fail: function (xhr, editor, result) {
    //     //         // 图片上传并返回结果，但图片插入错误时触发
    //     //         // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    //     //         console.log("--------------------3---------图片上传失败-------");
    //     //     },
    //     //     error: function (xhr, editor) {
    //     //         // 图片上传出错时触发
    //     //         // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    //     //         console.log("--------------------4---------图片上传出错-------");
    //     //     },
    //     //     timeout: function (xhr, editor) {
    //     //         // 图片上传超时时触发
    //     //         // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    //     //         console.log("--------------------5---------图片上传超时-------");
    //     //     },
    //     //
    //     //     // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
    //     //     // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
    //     //     customInsert: function (insertImg, result, editor) {
    //     //         // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
    //     //         // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
    //     //
    //     //         // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
    //     //         //var url = result.url;
    //     //         //insertImg(url)
    //     //
    //     //         // result 必须是一个 JSON 格式字符串！！！否则报错
    //     //     }
    //     // }
    //
    //
    //     // 配置 onchange 事件
    //     editor.onchange = function () {
    //         // 编辑区域内容变化时，实时打印出当前内容
    //         console.log(this.$txt.html());
    //     };
    //
    //     //window.location.href = location.href + "?'wangeditor_debug_mode=1'";
    //     editor.customConfig.debug = location.href.indexOf('wangeditor_debug_mode=1') > 0;
    //     editor.create();
    // }

    initFroalaEditor();
    function initFroalaEditor() {
        $('#froalaEditor').editable({
            inlineMode: false,
            fontList:["宋体","仿宋","楷体","微软雅黑","Arial,Helvetica","Courier,Courier New","Georgia","Times New Roman,Times","Trebuchet MS","Verdana,Geneva"],
            theme: 'gray',
            //模版
            height: '300px', //高度
            maxHeight: "500px",
            alwaysBlank: true,
            language: "zh_cn",
            direction: "ltr",
            allowedImageTypes: ["jpeg", "jpg", "png", "gif"],
            autosave: true,
            autosaveInterval: 2500,
            //saveURL: 'hander/FroalaHandler.ashx',
            saveParams: {postId: "123"},
            spellcheck: true,
            plainPaste: true,
            imageButtons: ["floatImageLeft", "floatImageNone", "floatImageRight", "linkImage", "replaceImage", "removeImage"],
            imageUploadURL: '/oss/ossImgUpload?filedir='+filedir,
            //pastedImagesUploadURL: '/ossUpload4', // 粘贴上传
            //imageParams: { postId: "123" },
            //enableScript: false
        });

        // 相关事件初始化
        // 内容保存
        //$('#froalaEditor').on('editable.contentChanged', function (e, editor) {
            // 只存内容
            //$("#contentH").val(editor.getHTML());

            // var $content = $("#froalaEditor").find("div[contenteditable='true']").clone();
            // $content.css({"border":"none","height":"100%"}).attr("contenteditable","false");
            // var contentDom = $content[0];
            // console.log(contentDom.outerHTML);
            // $("#contentH").val(contentDom.outerHTML);
        //});

        // 图片删除
        $('#froalaEditor').on({
            'editable.beforeImageUpload': function(e, editor, $img) {
                var imgSize = $img[0].size;
                if(imgSize > 1024*200){
                    top.layer.alert("图片大小不能超过200kb",{icon:0});
                    return false;
                }
            },
            'editable.afterRemoveImage': function(e, editor, $img) {
                // Make delete image request.
                console.log ($img);
            },'editable.beforeRemoveImage': function (e, editor, $img) {
                // http://zhiyume-img.oss-cn-beijing.aliyuncs.com/information/20171017142014_psb.jpg?Expires=1823581214&OSSAccessKeyId=LTAI8hTtxsI962e5&Signature=11WpPsM4IoeGvt9YKW13VXBPEyg%3D
                var imgUrl = $($img).attr("src");
                var imgName = imgUrl.substring(imgUrl.indexOf(filedir),imgUrl.indexOf("?"));//information/20171017142014_psb.jpg
                console.log("********"+imgUrl+"********"+imgName);
                var data = {"imgName":imgName,"filedir":filedir};
                $.ajax({
                    type: 'POST',
                    url: "/oss/delPic",
                    data: data,
                    success: function(data){
                        if(data["result"] == "success"){
                            console.log("删除成功" + "============" + JSON.stringify(data));
                        }else{
                            console.log("删除失败" + "============" + JSON.stringify(data));
                        }
                    },
                    error: function(){
                        console.log("删除失败");
                    }
                });
                // alert('Image cannot be deleted!');
                // return false;
            }
        })
    }

    var imgUrlArr = [];
    initCoverImgUpload();
    // 封面图上传初始化
    function initCoverImgUpload() {
        $.Tupload.init({
            url: '/oss/ossImgUpload?filedir='+filedir,
            title: "封面图大小不能超过300kb<span style='color:red;'>(*第一张将被作为封面)</span>",
            fileNum: 3, // 上传文件数量
            divId: "T_upload", // div  id
            accept: "image/jpeg,image/x-png,image/jpg", // 上传文件的类型
            fileSize:300,     // 上传文件的大小 kb
            filedir:filedir, // 图片上传至oss对应的目录
            onSuccess: function(data, i) {
                console.log(i+">>>>>>>>"+JSON.stringify(data));
                imgUrlArr[i] = data["link"];
                $("#coverUrl").val(imgUrlArr.join("@@@@"));
            },
            onDelete: function(i) {

            }
        });
    }

    // 封面图上传是否达3张
    function checkImgUpload(){
        if($('#imgStatusInput').val()=='30'){
            if(imgUrlArr.length < 3){
                top.layer.alert("标准图文展示封面图必须上传3张",{icon:0});
                return false;
            }
        }

        if(imgUrlArr.length < 1){
            top.layer.alert("封面图必须上传一张以上",{icon:0});
            return false;
        }
        return true;
    }
})
